<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设计+详情</title>
    <link rel="stylesheet" href="css/jquery.fullPage.css">
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/main.css" />
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/main.js"></script>
</head>
<body>

<div class="content-box">

    <div class="head">
        <div class="visual-box">
            <div class="head-left clearfloat">
                <div class="head-logo">
                    <img src="img/logo.png" />
                </div>
                <div class="head-tel">
                    蓝光优居热线
                    <span>
                    400-8888-116
                </span>
                </div>

                <ul class="head-right">
                    <li class="click-login">
                        <i class="icon-1"></i>登录
                        <label></label>
                    </li>
                    <li class="click-register">
                        <i class="icon-2"></i>注册
                        <label></label>
                    </li>
                    <li>
                        <i class="icon-3"></i>设计师登录
                        <label></label>
                    </li>
                    <li class="top-qr-li">
                        <i class="icon-4"></i>微信公众号
                        <label></label>
                        <div class="top-qr">
                            <div class="top-qr-box">
                                <img src="img/qr.jpg" />
                                <p>
                                    悠生活U-life
                                </p>
                                <i></i>
                            </div>
                        </div>
                    </li>
                    <li>
                        <i class="icon-5"></i>样板间地图
                    </li>
                </ul>
            </div>
        </div>
        <div class="nav-bg">
            <div class="visual-box">
                <ul class="nav">
                    <li>
                        <a href="index.html">首页</a>
                    </li>
                    <li>
                        <a href="customized.html">全屋定制</a>
                    </li>
                    <li>
                        <a href="sheji.html" class="active">设计+</a>
                    </li>
                    <li>
                        <a href="fengshui_info_list.htm">居家风水</a>
                    </li>
                    <li>
                        <a href="#">家居金融</a>
                    </li>
                    <li>
                        <a href="comment.html">优居热评</a>
                    </li>
                    <li>
                        <a href="#">品质检测</a>
                    </li>
                    <li>
                        <a href="shop_index.html">悠生活商城</a>
                    </li>
                    <li>
                        <a href="complaint.html">红邮箱投诉</a>
                    </li>
                    <li class="nav-last-list">
                        已服务<span>012354</span>位业主
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="shejixiangqing">
    	<div class="shejixq">
    		<div class="shejixq_left">
    			<div class="shejixq_left_top">
    				<img src="img/sheji/details-1.jpg" width="100%" />
    				<div class="shejixq_left_top_quanj">
    					<span>全屋漫游</span>
    					<img src="img/sheji/right-blue-arrow.png" />
    				</div>
    			</div>
    			<div>
    				<div class="shejixq_left_two">
	    				<div class="shejixq_left_two_one">
	    					<span>一层 · </span>
	    					<p>客餐厅</p>
	    				</div>
	    				<div class="shejixq_left_two_img">
	    					<img src="img/sheji/details-1.jpg" width="100%" />
	    				</div>
	    				<div class="shejixq_left_two_quanj">
	    					<span>3D全景</span>
	    					<img src=" img/sheji/right-arrow.png" />
	    				</div>
	    			</div>
	    			<div class="shejixq_left_three">
	    				<table>
	    					<td>
	    						<img src="img/sheji/small-1.jpg" />
	    					</td>
	    					<td>
	    						<img src="img/sheji/small-1.jpg" />
	    					</td>
	    					<td>
	    						<img src="img/sheji/small-1.jpg" />
	    					</td>
	    					<td>
	    						<img src="img/sheji/small-1.jpg" />
	    					</td>
	    					<td class="shejixq_left_three_table">
	    						<img src="img/sheji/small-1.jpg" />
	    					</td>
	    				</table>
	    			</div>
    			</div>
    			<div>
    				<div class="shejixq_left_two">
	    				<div class="shejixq_left_two_one">
	    					<span>一层 · </span>
	    					<p>主卧</p>
	    				</div>
	    				<div class="shejixq_left_two_img">
	    					<img src="img/sheji/details-1.jpg" width="100%" />
	    				</div>
	    				<div class="shejixq_left_two_quanj">
	    					<span>3D全景</span>
	    					<img src=" img/sheji/right-arrow.png" />
	    				</div>
	    			</div>
	    			<div class="shejixq_left_three">
	    				<table>
	    					<td class="shejixq_left_three_table">
	    						<img src="img/sheji/small-1.jpg" />
	    					</td>
	    					<td>
	    						<img src="img/sheji/small-1.jpg" />
	    					</td>
	    					<td>
	    						<img src="img/sheji/small-1.jpg" />
	    					</td>
	    				</table>
	    			</div>
    			</div>
    			<div>
    				<div class="shejixq_left_two">
	    				<div class="shejixq_left_two_one">
	    					<span>一层 · </span>
	    					<p>次卧</p>
	    				</div>
	    				<div class="shejixq_left_two_img">
	    					<img src="img/sheji/details-1.jpg" width="100%" />
	    				</div>
	    				<div class="shejixq_left_two_quanj">
	    					<span>3D全景</span>
	    					<img src=" img/sheji/right-arrow.png" />
	    				</div>
	    			</div>
	    			<div class="shejixq_left_three">
	    				<table>
	    					<td class="shejixq_left_three_table">
	    						<img src="img/sheji/small-1.jpg" />
	    					</td>
	    					<td>
	    						<img src="img/sheji/small-1.jpg" />
	    					</td>
	    					<td>
	    						<img src="img/sheji/small-1.jpg" />
	    					</td>
	    				</table>
	    			</div>
    			</div>
    		</div>
    		<div class="shejixq_right">
    			<div class="shejixq_right_cont">
    				<div class="shejixq_right_cont_one">
    					白桦林极简
    				</div>
    				<div class="shejixq_right_cont_two">
    					<div class="shejixq_right_cont_two_one">
    						<span>小区：</span>
    						<p>四川成都高新区蓝光空港一期</p>
    					</div>
    					<div class="shejixq_right_cont_two_one">
    						<span>户型：</span>
    						<p>3室2厅1厨2卫</p>
    					</div>
    					<div class="shejixq_right_cont_two_one">
    						<span>面积：</span>
    						<p>125㎡</p>
    					</div>
    					<div class="shejixq_right_cont_two_one">
    						<span>风格：</span>
    						<p>现代简约</p>
    					</div>
    				</div>
    				<div class="shejixq_right_cont_three bt-hover">
    					<button>我要预约</button>
    				</div>
    				<div class="shejixq_right_cont_four">
    					<div class="shejixq_right_cont_four_tou">
    						<img src="img/sheji/sheji-pic.jpg"width="100%" />
    					</div>
    					<div class="shejixq_right_cont_four_rig">
    						<div class="shejixq_right_cont_four_rig_name">
    							陈佳佳
    						</div>
    						<div class="shejixq_right_cont_four_rig_jianjie">
    							<span>更新于</span>
    							<p>2018-02-02</p>
    						</div>
    					</div>
    				</div>
    				<div class="shejixq_right_cont_five">
    					现代风格客餐厅以稳重的颜色为主色，搭配描金
						元素整体风格大气稳重。地面使用灰色为主色的
						瓷砖，高雅舒适棚顶在普通的吊顶假如金色、黑
						色、钛金条线框，提升整体档次。极简主义是一
						种风格，是一种简化布局，简化色彩，简化线条
						简化元素的风格。从视觉的角度看，这种设计是
						平淡的，让居住者的心灵到达最原始的地方。从
						内容的角度看，它又是焦点鲜明的，使人一接触
						就被那种空灵的气质所吸引，给人一种心驰神往
						的震撼。
    				</div>
    				<div class="shejixq_right_cont_six">
    					<div class="shejixq_right_cont_six_one">
    						推荐方案
    					</div>
    					<div class="shejixq_right_cont_six_two">
    						<img src="img/sheji/details-1.jpg" width="100%" />
    						<div class="shejixq_right_cont_six_two_div">
    							<span>浪漫地中海</span>
    							<p>王月(02563)</p>
    						</div>
    					</div>
    					<div class="shejixq_right_cont_six_two">
    						<img src="img/sheji/details-1.jpg" width="100%" />
    						<div class="shejixq_right_cont_six_two_div">
    							<span>浪漫地中海</span>
    							<p>王月(02563)</p>
    						</div>
    					</div>
    					<button>查看更多方案</button>
    				</div>
    			</div>
    		</div>
    	</div>
    </div>
    
    
    
    
    
    
    
    
    
    
    
    <div class="footer">
        <div class="visual-box clearfloat">
            <div class="footer-left clearfloat">
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            品牌实力
                        </dt>
                        <dd>
                            <a href="#">品牌介绍</a>
                        </dd>
                        <dd>
                            <a href="#">企业文化</a>
                        </dd>
                        <dd>
                            <a href="#">全国布局</a>
                        </dd>
                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            V8生活家
                        </dt>
                        <dd>
                            <a href="#">硬包装</a>
                        </dd>
                        <dd>
                            <a href="#">软包装</a>
                        </dd>
                        <dd>
                            <a href="#">智能家居</a>
                        </dd>
                        <dd>
                            <a href="#">家庭园艺</a>
                        </dd>
                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            产品服务
                        </dt>
                        <dd>
                            <a href="#">高端定制服务</a>
                        </dd>
                        <dd>
                            <a href="#">服务理念</a>
                        </dd>
                        <dd>
                            <a href="#">设计名家</a>
                        </dd>
                        <dd>
                            <a href="#">预定装修</a>
                        </dd>
                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            产品优势
                        </dt>
                        <dd>
                            <a href="#">六大优势</a>
                        </dd>
                        <dd>
                            <a href="#">品牌合作伙伴</a>
                        </dd>

                    </dl>
                </div>
                <div class="footer-left-list">
                    <dl>
                        <dt>
                            联系我们
                        </dt>
                        <dd>
                            <a href="#">联系方式</a>
                        </dd>
                        <dd>
                            <a href="#">在线咨询</a>
                        </dd>

                    </dl>
                </div>
            </div>
            <div class="footer-right">
                <div class="service-list">
                    <p>
                        全国客户服务热线
                    </p>
                    <div>
                        028-8780-1675
                    </div>
                    <i></i>
                </div>
                <div class="email">
                    邮编：611731
                </div>
                <div class="email">
                    地址：中国    成都    高新西区    新创路2号附10号
                </div>
                <div class="copyright">
                    ©2017 WWW.BRC-BEEI.COM ALL RIGHTS RESERVED
                </div>
                <div class="qr-box">
                    <img src="img/qr.jpg" />
                    <p>
                        关注蓝光官方微信
                    </p>
                </div>
            </div>
        </div>
    </div>

</div>



<div class="login">
    <div class="login-box">
        <i class="cols"></i>
        <h2>
            登录
            <a href="#" class="click-register lick-hover">
                注册
            </a>
        </h2>
        <div class="login-input">
            <input type="text" name="" placeholder="请输入账号" />
            <i class="icon-user" yClass="icon-user-1"></i>
        </div>
        <div class="login-input">
            <input type="password" name="" placeholder="请输入密码" />
            <i class="icon-pwsd" yClass="icon-pwsd-1"></i>
        </div>
        <p class="error-box">
            <i></i>账号或密码错误
            <a href="#">
                忘记密码？
            </a>
        </p>

        <button class="login-bt">
            登录
        </button>
    </div>
</div>

<div class="login register">
    <div class="login-box">
        <i class="cols"></i>
        <h2>
            注册
            <a href="#" class="click-login lick-hover">
                登录
            </a>
        </h2>
        <div class="login-input warning">
            <input type="text" name="" placeholder="请输入手机号" value="13856458978" />
            <i class="icon-user" yClass="icon-user-1"></i>
        </div>
        <div class="login-input">
            <input type="password" name="" placeholder="请设置密码" />
            <i class="icon-pwsd" yClass="icon-pwsd-1"></i>
        </div>
        <div class="login-input phone-number">
            <input type="text" name="" placeholder="请输入手机验证码" value="" />
            <i class="icon-number" yClass="icon-number-1"></i>
            <button>
                发送验证码
            </button>
        </div>
        <p class="error-box">
            <i></i>账号或密码错误
        </p>
        <p class="agreement">
            <i><input type="checkbox" name="" checked /></i>已阅读并同意<a href="#" target="_blank">《蓝光优居用户使用协议》</a>
        </p>
        <button class="login-bt">
            注册
        </button>
    </div>
</div>

</body>
<script src="js/app.js"></script>
</html>